
大家逛網購的時候,商品頁面上的「加入購物車」跟「立即購買」兩個按鈕通常靠得很近。有時候我們只是想先加進購物車,等一下再慢慢挑,手指稍微偏了一點點到「立即購買」,畫面就直接跳到了訂單完成頁面。
中間沒有出現「確定要購買嗎」的提示,款項就這樣順利扣除了。
延續 Nielsen Norman 十大可用性原則,這篇我們來看第五條:「錯誤預防(Error Prevention)」。一個順暢的介面,除了提供清楚的提示,更理想的做法是從一開始就避免我們不小心點錯。特別是那些牽涉到扣款或是刪除資料的操作,在執行前給予一個確認的機會,能幫助大家更安心地使用。
像是快速結帳或是一鍵刪除這類影響比較大的動作,如果沒有搭配二次確認,或者跟其他常用按鈕靠得太近,大家在操作時就很容易產生不小心的點擊。用手機滑網頁時,手滑是我們非常自然的日常反應。把這個情況考量進去,讓大家在點擊時擁有適當的緩衝空間,是介面設計中很貼心的一環。
省略確認步驟,能讓整個購物路徑變得非常短、非常順暢。購買按鈕的反應越即時,完成結帳的機率通常也會跟著提高。在規劃流程時,團隊需要找出一個平衡點。多一步確認能帶給使用者滿滿的安全感,少一步阻力能讓結帳過程更有效率。將這兩個考量融合在一起,能創造出更完整的購物體驗。
在某些日常的小動作上,像是按讚、加入收藏,直接省略確認步驟能帶來非常棒的流暢感。這些動作隨時可以取消,不需要加上多餘的關卡。遇到付款、刪除帳號這類重要的節點,加上二次確認就顯得很關鍵。為不同影響力的操作設定適當的確認機制,能確保大家在流暢滑手機的同時,依然保有充足的控制權。
回到購買流程,只要在扣款前增加一個簡單的確認畫面,或是把「立即購買」跟其他按鈕的距離稍微拉開一點。這樣的設計讓大家依然能享受快速下單的便利,同時也多了一份安心感,不用擔心因為一次手滑就完成結帳。在追求效率的過程中,把大家可能產生的微小誤差溫柔地接住,就是一個充滿同理心的好設計。
看完這種關於「預防手滑」的設計巧思,最後也整理了幾個思考方向,讓大家下次在規劃操作流程時,可以試著從這些角度切入看看: